@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Hairline';
	src: url('../fonts/Montserrat-Hairline.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Light';
	src: url('../fonts/Montserrat-Light.ttf');
	font-weight: normal;
	font-style: normal;
}





@charset "utf-8";
.title-1 h3 {
    color: #1a1a1a;
    font-size: 40px;
    text-transform: uppercase;
}.title-1 h4 {
    color: #1a1a1a;
    font-size: 26px;
    position: relative;
}
 .title-1 h4 i {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 2px;
    background: #00adee;
    margin-left: 20px;
}
 .title-5{ text-align:center}
 .title-5 h5 { text-align:center; font-size:16px; line-height:50px; margin-bottom:20px;}
.title-5 h3 {
    color: #1a1a1a;
    font-size: 40px;
    text-transform: uppercase;
}.title-5 h4 {
    color: #1a1a1a;
    font-size: 26px;
    position: relative;
    font-weight: normal;
}.title-5 h4 i {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 2px;
    background: #cb1919;
    margin: 0 10px;
}.page-culture .title-5 h5 {
    padding-top: 0px;
    font-size: 16px;
    line-height: 28px;
    color: #999999;
    font-weight: normal;
}.title-5 h3{font-weight: normal;
    font-family: 'Montserrat-Bold',Arial, Helvetica;}

.b-x {
    text-align: center;
    width: 100%;
}
.b-y {
    color: #333;
    margin-bottom: .2rem;
}.s40 {
    font-size: calc(12px + 28 * 100vw / 1920);
}.b-z {
    margin-bottom: 30px;
}
.b-z {
    color: #999;
    font-weight: normal;
    text-transform: uppercase;
}.s16 {
    font-size: calc(12px + 4 * 100vw / 1920);
}


/* about */
.page-section {background-position: center top;background-repeat: no-repeat;background-size: 100% 100%;overflow: hidden; width:100%}
.page-section-content {width: 96%;margin: auto;overflow: hidden;}
.page-about {padding: 4% 0% 8% 0%;overflow: hidden;}
.page-about-txt {color: #fff;position: relative;padding-left: 11%;margin-top: 60px; width: 44%;float: left; overflow: hidden;}
.page-about-txt-title {position:absolute;top: 145px;left:-130px; width: 380px;-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg); }
.page-about-txt-title h2{width: 100px;font-size: 50px;line-height: 50px; text-transform: uppercase; color:#cb1919;font-family: 'Montserrat-Bold',Arial, Helvetica;}
.page-about-txt-title i{display: block;width: 90px;height: 2px;background: #d4d4d4;position: absolute;right: 0;top: 25px;}
.page-about-txt h3{font-size: 36px;padding:30px 0;overflow: hidden; font-weight: normal; color:#313131}
.page-about-txt h5{font-size: 16px;line-height: 32px; color: #646464;font-weight: normal;}
.page-about-txt h5 p { margin-bottom:2%;}
.page-about-txt h4{font-size: 18px; color:#333}
.page-about-pic {width:40%;margin-left:4%; float: left; overflow: hidden; margin-top:5%}
.page-about-pic img {display: inline-block;} 


.page-culture {padding:  4% 0% 8% 0%;overflow: hidden;}
.page-culture .title-5 {margin-bottom:70px;}
.page-culture .title-5 h5 {padding-top: 0px; font-size: 16px;line-height: 28px;color: #999999;font-weight: normal;}
.page-culture-pic {width:46%;float: left; overflow: hidden;}
.page-culture-txt {width:45%;float: left; overflow: hidden;padding-left:3%;}
.culture-txt {overflow: hidden;padding-top: 40px;}
.culture-txt li {
	list-style-type: none;
}
.culture-txt li{position: relative;overflow: hidden;margin: 0px 0 0px 0;}
.culture-txt li h3{font-size: 20px;color: #2b3036; }
.culture-txt li h3 i{width: 26px;height: 26px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.culture-txt li h3 line {display: inline-block;vertical-align: middle;width: 60%;height: 1px;margin-left: 10px;background: #b8d7f3;}
.culture-txt li h5{width:65%; font-size: 15px;color: #5c6771;line-height: 26px;padding: 15px 20px 15px 35px;overflow: hidden;font-weight: normal;}
.culture-txt li h6{width: 100px;position: absolute;right: 0;top: 0;text-align: right; font-weight: normal;font-size: 14px;line-height: 20px; color: #859aae;}


.page-honorary {padding:  4% 0% 8% 0%;overflow: hidden;}
.page-honorary .title-1 {width: 40%;float: left;}
.page-honorary-nav {width: 60%;float:right;text-align: right;}
.page-honorary-nav a {display: inline-block;vertical-align: top;text-align: center;border: 1px solid #dcdcde;margin-left: 10px;padding: 20px;overflow: hidden;}
.page-honorary-nav a h3 {color: #999999;font-size: 36px;}
.page-honorary-nav a h5 {color: #999999;font-size: 14px;font-weight: normal;}
.page-honorary-nav a.cur,.page-honorary-nav a.cur:hover {border: 1px solid #cb1919;}
.page-honorary-nav a.cur h3,.page-honorary-nav a.cur h5,.page-honorary-nav a.cur:hover h5,.page-honorary-nav a.cur:hover h3 {color: #cb1919;}
.page-honorary-nav a:hover {border: 1px solid #000;}
.page-honorary-nav a:hover h3,.page-honorary-nav a:hover h5 {color: #000;}

.page-honorary-list {position: relative;overflow: hidden;clear: both;} 
.page-honorary-list-swiper {position: relative;overflow: hidden;clear: both;}
.page-honorary-swiper {padding: 5% 0;overflow: hidden;position: relative;}
.honorary {background: #fff;padding: 0px 0 20px 0;overflow: hidden; text-align: center;cursor: pointer;}
.honorary .pic{height:250px;position: relative;}
.honorary .pic i {display: none;width: 40px;height: 40px;position: absolute;left: 50%;top: 50%;margin-left: -20px;margin-top: -20px; background:rgba(0,0,0,.5) url("../images/jia.png") center no-repeat;border-radius: 100%;}
.honorary .txt{font-size: 14px;color: #999999;padding-top: 20px;min-height: 20px; overflow: hidden;}
.honorary:hover{ box-shadow: 0px 20px 40px 0px rgba(25, 42, 51, 0.1);}
.honorary:hover .pic i {display: block;}
.honorary:hover .txt {color: #000;}
.tip {padding-top:50px;overflow: hidden;font-size: 14px;color: #333;position: absolute;left: 0;bottom: 0;}
.tip img {display: inline-block;vertical-align: middle;margin-right: 10px; width:34px}
.page-honorary-swiper .swiper-pagination {width: 100px;right: 0;left: auto; bottom: 0;font-size: 14px;text-align: right;}

.swiper-pagination-num {width: 60px;position: absolute;bottom: 0;right: 500px;font-size: 14px;color: #666;}
.swiper-pagination-num span {font-size: 14px;color: #666;}
.page-honorary-swiper .swiper-pagination {width: 500px;right: 0;left: auto;bottom: 8px;top: auto;height: 2px;}
.page-honorary-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {bottom: 0;top: auto;background: #000;}



/* pavilion */
.page-banner .title h2 {
    font-weight: normal;
    font-family: 'Montserrat-Hairline',Arial, Helvetica;
}.page-banner .title h2 strong{font-family: 'Montserrat-Bold',Arial, Helvetica;}
.page-banner {background: #000;min-height: 500px;position: relative;overflow: hidden;}
.page-banner .pic {}
.page-banner .pic img {display: block;width: 100%!important;height: 500px !important; max-width:auto !important;}
.page-banner .content {position: absolute;width: 87%;height: 100%;left:6.5%;top:38%;z-index: 3;}
.page-banner .title {color: #fff;text-transform: uppercase;padding-left: 100px;position: relative; height:auto!important; padding-top:0!important}
.page-banner .title line{width: 70px; height: 2px;background: #fff;opacity: .4; display: block;position: absolute;left: 0;top: 40px;}
.page-banner .title h2{font-size: 60px;font-weight: normal;opacity: .4;}
.page-banner .title h2 strong{font-weight: normal;}
.page-banner .title h3{font-size: 30px;font-weight: normal;padding: 10px 0;}

.page-nav {padding:8.5% 6.3% 0 6.3%;overflow: hidden;}


@media screen and (max-width: 2500px) {
.page-nav {padding:4.5% 6.3% 0 6.3%;overflow: hidden;}

}


.page-nav a{font-size: 16px;color: #fff; font-weight: bold;display: inline-block;vertical-align: middle;}
.page-nav a:hover {color: #cf2828;}
.page-nav .cur a{color: #cb1919!important;}
.page-nav i{width: 1px;height:20px;background: #fff;display: inline-block;vertical-align: middle;margin: 0 34px;opacity: .4; -ms-transform:rotate(35deg);-moz-transform:rotate(35deg);-webkit-transform:rotate(35deg);-o-transform:rotate(35deg);transform:rotate(35deg);}

.page-content {width: 87%;margin: auto;position: relative;overflow: hidden;} 
.page-pavilion {padding: 5% 0;overflow: hidden;}
.page-pavilion-list {float: left;width: 77%;position: relative;} 
.page-pavilion-list::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #ededed;}
.pavilion {margin-bottom:5%;overflow: hidden;}
.pavilion *{font-weight: normal;}
.pavilion a{display: block;overflow: hidden;}
.pavilion a:hover h3{color: #cb1919;}
.pavilion a:hover .img {background-size: 110%;}
.pavilion .img{float: left;width: 45%;background-repeat: no-repeat;background-position: center;background-size: 100%;background-color: #000;}
.pavilion .img img {display: block;width: 100%;height: auto;}
.pavilion .txt{float: left;width: 49%;padding:5% 3%;overflow: hidden;}
.pavilion .txt h5{color: #1b1b1b;font-size: 12px;padding-bottom: 5px;}
.pavilion .txt h3{color: #1b1b1b;font-size: 24px;font-weight: bold;}
.pavilion .txt h4{color: #666666;font-size: 14px;line-height: 24px;}
.pavilion .txt h6{color: #999999;font-size: 12px;margin-top: 50px;}
.pavilion .txt line {width: 50px;height: 2px;background: #000;display: block;margin:20px 0;}

.page-turn {border: 1px solid #ededed;overflow: hidden;float: left;clear: both;}
.page-turn a{display: inline-block;vertical-align:middle;color: #999;font-size: 14px;line-height: 45px;padding: 0 20px;text-transform: uppercase;}
.page-turn a:hover {color: #000;background: #f1f1f1;}
.page-turn a.cur,.page-turn a.on{background: #cb1919;color: #fff;}
.page-turn a.prev{font-size: 12px;position: relative;border-right: 1px solid #ededed;}
.page-turn a.next{font-size: 12px;position: relative;border-left: 1px solid #ededed;}
.page-turn a.prev::before,.page-turn a.next::after {content: '';width: 18px;height: 10px;display: inline-block;opacity: .4;}
.page-turn a.prev::before {background: url("../images/left.png") left center no-repeat;padding-right: 10px;}
.page-turn a.next::after {background: url("../images/right.png") right center no-repeat;padding-left: 10px;}
.page-turn a.prev:hover::before,.page-turn a.next:hover::after {opacity: 1;}


.page-pavilion-right {float: left;width: 20%;overflow: hidden;padding-left: 3%;}
.right-information {overflow: hidden;margin-bottom:40px;}
.right-information h3{font-size: 18px;color: #1a1a1a;padding-bottom:20px;}
.right-information .img{overflow: hidden;}
.right-information .img a {display: block;}
.right-information .img a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.right-information .img img {display: block;width: 100%;height: auto;}
.right-information .txt{background: #f5f5f7;padding: 5%;overflow: hidden;font-size: 12px;line-height: 20px;color: #666666;}
.right-information .list {overflow: hidden;}
.right-information .list li{border-bottom: 1px solid #ccc;overflow: hidden;}
.right-information .list li a{display: block;overflow: hidden;padding: 20px 0;position: relative;}
.right-information .list li a h5{width: 80%;float: left;position: absolute;left: 0;top: 20px; display: block;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 12px;color: #999; }
.right-information .list li a h6{width: 20%;float: right;display: block;font-weight: normal;text-align: right;font-size: 12px;color: #999;}
.right-information .list li a:hover h5{top: 18px;}
.right-information .list li a:hover h5{color: #000;font-weight: bold;font-size: 14px;}


.pageheader {background: #fff;height: 100px;}
.page-path {background: #f5f5f7;padding: 20px 0;overflow: hidden;}
.page-path .content {width: 87%;margin: auto; font-size: 12px;color: #999999;}
.page-path .content a{font-size: 12px;color: #999999;}
.page-path .content a.cur {;color: #cb1919;}
.page-path .content a:hover {;color: #000;}
.page-path .content i {margin: 0 3px;}

.pavilion-detail {width: 100%;min-height: 300px;padding: 3% 0; margin: auto;position: relative;overflow: hidden;}
.pavilion-detail-left {float: left;width: 74%;padding-right: 3%;overflow: hidden;position: relative;}
.pavilion-detail-left::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #ededed;}
.pavilion-detail-left .video {overflow: hidden;position: relative;}
.pavilion-detail-left .video img {display: block;width: 100%;height: auto;}
.play {width: 64px;position: absolute;left: 50%;top: 50%;z-index: 33;margin-left: -32px;margin-top: -40px;text-align: center;cursor: pointer;}
.play ul{display: block;width: 64px;height: 64px;background: rgba(0,0,0,.3);border-radius: 100%;overflow: hidden;position: relative;}
.play li{display: block;width: 64px;height: 64px;background: url("../images/play1.png");}
.play i {display: block;width: 13px;height: 17px;background: url("../images/play2.png");position: absolute;left: 50%;top: 50%;margin: -8.5px 0 0 -6.5px;}
.play h6{font-weight: normal;color: #fff;text-transform: uppercase;font-size: 14px;padding-top: 10px;}
.play:hover li{-webkit-animation: ixzplay 1000ms infinite;animation: ixzplay 1000ms infinite;}
@keyframes ixzplay{0% { transform:rotate(0deg);} 100%{ opacity: 1;transform:rotate(360deg); }}

.videoshow {position: absolute;width: 100%;height: 100%;background: #000;z-index: 33;left: 0;top: 0;display: none;}
.videoshow .close{display: block;width: 30px;height: 30px;padding: 0; background: url("../images/guanbi.png") center no-repeat #fff;border-radius: 100%; position: absolute;right:2%;top:2%;z-index: 66; cursor: pointer;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.videoshow .close:hover {-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.videoshow video {display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 44;}

.pavilion-detail-left .detail {font-size: 14px;line-height: 24px;color: #666;padding: 10px 0;overflow: hidden;}
.pavilion-detail-left .detail img {display: block;width: 100%;height: auto;margin-bottom: 10px;}


.detail-turn {background: #f5f5f7;padding:3% 5%;overflow: hidden;margin: 3% 0;}
.detail-turn a{float: left;display: block;width: 40%;text-align: center;font-size: 14px;color: #1a1a1a;opacity: .5;}
.detail-turn a h6{font-size: 12px;color: #1a1a1a;font-weight: normal;display: inline-block;vertical-align: middle;text-transform: uppercase;}
.detail-turn a h5 {width:70%;font-size: 14px;color: #1a1a1a;font-weight: normal;display: inline-block;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.detail-turn a.prev{text-align: left;}
.detail-turn a.next{text-align: right;}
.detail-turn a.prev::before {content: '';display: inline-block;width: 18px;height: 10px;margin-right: 10px;background: url("../images/left.png");}
.detail-turn a.next::after {content: '';display: inline-block;width: 18px;height: 10px;margin-left: 10px;background: url("../images/right.png");}
.detail-turn a:hover {opacity:1;}
.detail-turn a.return {width: 20%;}

.pavilion-detail-right {float: left;width:20%;padding-left: 3%; overflow: hidden;}
.detail-text {margin-bottom: 40px;overflow: hidden;}
.detail-text h3{font-size: 20px;color: #1a1a1a;padding-bottom:20px;}
.detail-text .type{padding:5% 0;overflow: hidden;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;font-size: 12px;line-height: 30px;color: #999;}
.detail-text .text{padding:5% 0;overflow: hidden;font-size: 12px;line-height: 24px;color: #666;border-bottom: 1px solid #ededed;}





/* technology */
.page-technology {width: 100%;min-height: 300px;padding: 3% 0; margin: auto;position: relative;overflow: hidden;}
.page-technology-left {float: left;width: 64%;padding: 0 6%;overflow: hidden;position: relative;}
.page-technology-right {float: left;width: 20%;padding-left: 3%;overflow: hidden;}
.page-technology-left::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #ededed;}
.technology-main {margin-bottom: 40px;overflow: hidden;position: relative;}
.technology-main h3{font-size: 30px;}
.technology-main .text{font-size: 16px;line-height: 30px;color: #666666;padding:1.5% 0;overflow: hidden;}
.technology-main .list {padding:2% 0 4% 0;overflow: hidden;border-bottom: 2px solid #1a1a1a;}
.technology-main .list * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.technology-main .list li {background: #f5f5f7;overflow: hidden;width: 32.5%;margin:0 1% 1% 0; float:left;}
.technology-main .list li .img{float: left;width: 40%;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: 100%;}
.technology-main .list li .txt{float: left;width: 50%;padding:5% 5% 0 5%;overflow: hidden;}
.technology-main .list li .txt h5{font-size: 16px;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 10px;}
.technology-main .list li .txt h6{font-size: 12px;color: #b2b2b2;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.technology-main .list li:hover {background: #cb1919;}
.technology-main .list li:hover .txt h5{color: #fff;}
.technology-main .list li:hover .txt h6{color: #fff;opacity: .4;}
.technology-main .list li:hover .img{background-size: 110%;}
.technology-main .list li:nth-child(3),.technology-main .list li:nth-child(6) {margin:0 0 1% 0;}
.technology-main .video {position: relative;margin: 3% 0;overflow: hidden;background: #000;}
.technology-main .video video {display: block;width: 100%;height: 100%;max-height: 100%;}
.technology-main .video img {display: block;width: 100%;height: auto;}
#detail {position: absolute;left: 0;bottom: 70px;}


/* filmmedia */
.page-filmmedia {width: 100%;min-height: 300px;padding: 3% 0; margin: auto;position: relative;overflow: hidden;}
.page-filmmedia-left {float: left;width: 74%;padding-right:3%;overflow: hidden;position: relative;}
.page-filmmedia-right {float: left;width: 20%;padding-left: 3%;overflow: hidden;}
.page-filmmedia-left::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #ededed;}
.page-filmmedia-list {}
.filmmedia {float: left;width: 49%;margin-right: 1%;margin-bottom: 1%;}
.filmmedia a{display: block;overflow: hidden;position: relative;}
.filmmedia a .img{overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: 100%;background-color: #000;}
.filmmedia a .img img {display: block;width: 100%;height: auto}
.filmmedia a .txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 3;text-align: center;color: #fff;opacity: 0;}
.filmmedia a .txt h4{font-size: 18px;}
.filmmedia a .txt i{display: block; margin:5px auto;width: 1px;height: 20px;background: #fff;opacity: .4;-ms-transform:rotate(35deg);-moz-transform:rotate(35deg);-webkit-transform:rotate(35deg);-o-transform:rotate(35deg);transform:rotate(35deg);}
.filmmedia a .txt h5{font-size: 12px;opacity: .4;font-weight: normal;}
.filmmedia a:hover .img{background-size: 110%;}
.filmmedia a:hover .txt {opacity: 1;}




/* news */
.page-news {width: 100%;min-height: 300px;padding: 5% 0; margin: auto;position: relative;overflow: hidden;}
.page-news-left {float: left;width: 77%;overflow: hidden;position: relative;}
.page-news-right {float: left;width: 20%;padding-left: 3%;overflow: hidden;}
.page-news-left::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #ededed;}
.page-news-list {overflow: hidden;}
.page-news-list .inews {margin-bottom:3%;margin-right: 1.5%; overflow: hidden;}
.page-news-list .inews a .txt h6 i {background: #b3b3b3;}
.page-news-list .inews a .txt h3{font-size: 16px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.page-news-list .inews a .txt h6{color: #999999;}
.page-news-list .inews.mr0 {margin-right: 0;}

.right-information .label {overflow: hidden;padding: 3% 0;border-top: 1px solid #ccc;}
.right-information .label a {display: block;float: left;padding:10px 3%;margin-right: 10px;margin-bottom: 10px;text-align: center;font-size: 12px;color: #999;border: 1px solid #ccc;}
.right-information .label a:hover {color: #000;border: 1px solid #000;}


.news-detail {width: 92.5%;min-height: 300px;margin: auto;position: relative;overflow: hidden;}
.news-detail-left {float: left;width: 64%;padding:8% 3%; overflow: hidden;position: relative;}
.news-detail-left::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #ededed;}
.news-detail-right {float: left;width: 20%;padding:8% 3%;overflow: hidden;}
.news-detail-left .title{border-bottom: 1px solid #ededed;position: relative;}
.news-detail-left .title h2{font-size: 36px;width: 90%;}
.news-detail-left .title .type{padding:1% 0 2% 0;overflow: hidden;}
.news-detail-left .title .type h5{font-size: 14px;color: #999999;font-weight: normal;margin-right: 30px;display: inline-block;}
.news-detail-left .title .time {position: absolute;top: 0;right: 0;text-align: right;}
.news-detail-left .title .time h4{font-size: 20px;color: #1a1a1a;font-weight: normal;}
.news-detail-left .title .time h6{font-size: 12px;color: #bfbfbf;font-weight: normal;}
.news-detail-left .detail {font-size: 14px;color: #666666;line-height: 24px;padding:2% 0;overflow: hidden;}
.news-detail-left .detail h1,.news-detail-left .detail h2,.news-detail-left .detail h3,.news-detail-left .detail h4,.news-detail-left .detail h5,.news-detail-left .detail h6{color: #000;font-weight: bold;} 
.news-detail-left .detail h3 {font-size: 18px;}

.otherlabel {padding:1% 0;overflow: hidden;}
.otherlabel h5 {color: #666666;margin:10px 10px 10px 0;font-size: 14px;font-weight: normal;display: inline-block;}
.otherlabel a {padding:10px 2%;margin:10px 3px;text-align: center;font-size: 12px;color: #999;border: 1px solid #ccc;}
.otherlabel a:hover {color: #000;border: 1px solid #000;}





/* contact */
.page-contact {width:91%;min-height: 300px;padding: 5% 0; margin: auto;position: relative;overflow: hidden;}
.page-contact-txt {overflow: hidden;clear: both;width: 87%;margin: auto;}
.page-contact-txt .left{width: 30%;}
.page-contact-txt .left h3{font-size: 24px;color: #1a1a1a;}
.page-contact-txt .left line{margin: 20px 0;width: 40px;height: 2px;background: #cb1919;display: block;}
.page-contact-txt .left h5{font-size: 14px;color: #999999;line-height: 24px;font-weight: normal;}
.page-contact-txt .right{width: 50%;}
.page-contact-txt .right li{float: left;width: 33%;position: relative;}
.page-contact-txt .right li::after {content: '';display: block;width: 1px;height: 100%;position: absolute;right:22%;top: 0;background: #e5e6e9;}
.page-contact-txt .right li:last-child::after{display: none;}
.page-contact-txt .right li i{display: block;width:35px;height: 35px;border-radius: 100%;border: 2px solid #000;overflow: hidden;}
.page-contact-txt .right li i.c1{background: url("../images/c1.png") center no-repeat;}
.page-contact-txt .right li i.c2{background: url("../images/c2.png") center no-repeat;}
.page-contact-txt .right li i.c3{background: url("../images/c3.png") center no-repeat;}
.page-contact-txt .right li h5{font-size: 14px;color: #999999;padding: 10px 0;font-weight: normal;}
.page-contact-txt .right li h4{font-size: 20px;color: #1a1a1a}
.page-contact-txt .right li h4 a {font-size: 20px;color: #1a1a1a}
.page-contact-txt .right li:hover h4 a,.page-contact-txt .right li:hover h4 {color: #cb1919;}

.page-contact-map {margin: 50px auto auto;overflow: hidden;height: 618px;background: #f1f1f1; position: relative;clear: both;}
.madd {background: #cb1919!important;overflow: hidden;}
.madd .maplogo {width: 110px;height: 68px;background: url("../images/map-logo.jpg")!important;float: left;}
.madd .maddtxt {width: 200px;height: 68px;padding-left:20px;float: left;}
.madd .maddtxt h5 {font-size: 14px;line-height: 24px; font-weight: normal;color: #fff;padding: 10px 0;}
#map .BMap_pop {width: 370px;height: 80px;padding: 10px;background: #cb1919;margin-left: -30px;margin-top: -30px;}
#map .BMap_pop::after{content: '';display: block;position: absolute;left: 50%;margin-left: -20px;bottom: -10px; width: 0;height: 0;border-top:20px solid #cb1919;border-right:20px solid transparent;border-left:20px solid transparent;}
#map .BMap_pop .BMap_top,#map .BMap_pop .BMap_bottom,#map .BMap_center,#map .BMap_pop img {display:none;}
#map .BMap_pop div:nth-child(1) {display:none;}
#map .BMap_pop div:nth-child(3),#map .BMap_pop div:nth-child(5),#map .BMap_pop div:nth-child(7) {display:none;}
#map .BMap_bubble_content *{display: block!important;}



.page-contact .text {text-align: center;padding:4% 0;overflow: hidden;}
.page-contact .text h3{font-size: 20px;}

.joinhexun {padding: 0 2%;overflow: hidden;}
.joinhexun-swiper {position: relative;padding:70px 0 100px 0;overflow: visible;}
.joinhexun-swiper::before {content: '';display: block;width: 100%;height: 1px;background: #ededed;position: absolute;left: 0;top: 50%;margin-top:-29px;}
.join {text-align: center;width: 100%;position: relative;}
.join * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.join h3{font-size: 20px;padding-bottom: 10px;overflow: hidden;}
.join i{display: block;width: 50px;height: 50px;background: #000;color: #fff;line-height: 50px;margin:10px auto;border-radius: 100%;font-size: 14px;}
.join h4{font-size: 14px;line-height: 22px;color: #666666;padding: 10px 0;font-weight: normal;width: 100%;margin: auto;display: block;overflow: hidden;}
.join h6{display: block; width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;margin-left: -5px;margin-top: -5px;overflow: hidden; border-radius: 100%; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.06);}
.join:hover h6{width:280px;height: 280px;margin-left: -140px;margin-top: -140px;}
.join:hover i {background: #cb1919; box-shadow: 0px 8px 30px 0px rgba(0, 173, 238, 0.54);}
 


.page-recruitment {width:91%;min-height: 300px;padding: 7% 0 3% 0; margin: auto;position: relative;overflow: hidden;}
.recruitment-list {padding:4% 0;overflow: hidden;}
.recruitment {width: 87%;margin: auto;}
.recruitment .rcontact{ margin-bottom: 1%;}
.recruitment .rcontact .rtitle{padding:2% 5%;position: relative;cursor: pointer;overflow: hidden;background: #fff;}
.recruitment .rcontact .rtitle * {display: inline-block;vertical-align: middle;}
.recruitment .rcontact .rtitle h3 {width: 20%;font-size: 18px;color: #1a1a1a;}
.recruitment .rcontact .rtitle li {width: 59%;}
.recruitment .rcontact .rtitle li h5{font-size: 14px;color: #999999;font-weight: normal;}
.recruitment .rcontact .rtitle li i {width: 1px;height:20px;background: #333;display: inline-block;vertical-align: middle;margin: 0 34px;opacity: .4; -ms-transform:rotate(35deg);-moz-transform:rotate(35deg);-webkit-transform:rotate(35deg);-o-transform:rotate(35deg);transform:rotate(35deg);}
.recruitment .rcontact .rtitle h4{width: 16%;text-align: right;font-size: 14px;color: #999999;padding-right:3%; font-weight: normal;position: relative;}
.recruitment .rcontact .rtitle h4 i{width:15px;height: 30px;opacity: 0.5; background: url("../images/dd1.png") center no-repeat;position: absolute;right:0;top: 50%;margin-top: -15px;}
.recruitment .rcontact .rtitle.cur {font-weight: bold;}
.recruitment .rcontact .rtitle.cur h4 i {background: url("../images/dd2.png") center no-repeat;}
.recruitment .rcontact ul{background: #fff;border-top: 1px solid #ededed; padding:3% 5%;font-size: 14px;line-height: 24px;color: #666666;}
.recruitment .rcontact ul.children{ display: none;}
.recruitment .rcontact.cur {}
.recruitment .rcontact.cur ul.children{ display:block;}
.recruitment .rcontact .rtitle:hover h3{color: #cb1919;}
.applyjobs {background: #cb1919;color: #fff;width: 200px;height: 50px;border: 1px solid #fff;line-height: 50px;text-align: center;display: block;margin: 30px 0;}
.applyjobs:hover {background: #fff;color: #cb1919;border: 1px solid #cb1919;}



/* 弹窗 */
.black_overlay {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}
.white_content {display: none;background: #fff; position: fixed;left: 50%;top:50%;width:500px;margin-left: -225px;margin-top: -300px;z-index: 1002;overflow: hidden;padding:2%;}
.white_content h2 {font-size: 16px;display: block;position: relative;border-bottom: 1px solid #ededed;padding-bottom: 20px;}
.guanbi{display: block;width: 16px;height: 16px;background: url("../images/guanbi.png");position: absolute;right: 0;top: 0;cursor: pointer;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.guanbi:hover {-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.white_content li {margin-top: 20px;overflow: hidden;font-size: 14px;color: #1a1a1a;position: relative;}
.white_content li h4 {display: block;font-weight: normal;padding-bottom: 10px;}
.white_content li h4 sup {color: #FF0004;}
.input {width: 100%;height: auto;background: #f5f5f7;line-height: 50px;border: none;padding:0 2%;outline:none;border-radius: 0px;}
.inputfile {width: 100%;height: 20px;line-height: 20px;padding: 15px 2%;background: #f5f5f7;border: none;outline:none;border-radius: 0px;cursor: pointer;}
.inputfile:hover {background: #f1f1f1;}
.uploadfile {border:none;background: none;font-size: 14px;line-height: 50px;padding: 0 20px;color: #cb1919;position: absolute;right:0;bottom:0;cursor: pointer;}
.uploadfile:hover {background: #000;color: #fff;}
.submit {background: #cb1919;color: #fff;width: 100%;height: 50px;line-height: 50px;margin-top: 20px;overflow: hidden; text-align: center;font-size: 14px;cursor: pointer;}
.submit:hover {background: #fff;color: #cb1919;border: 1px solid #cb1919;}